/* 页面视图安全距离 */
page {
	background-color: #f5f5f5;
	/* padding-bottom: 44px; */
}

view,
text {
	font-size: 28rpx;
	line-height: 40rpx;
	font-weight: 400;
	color: #666;
	box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Noto Sans SC', sans-serif; /* 思源黑体 */
}
::-webkit-scrollbar {
  display:none;
  width:0;
  height:0;
  color:transparent;
}

.window-status {
	width: 100vw;
	height: var(--status-bar-height);
}

.window-top {
	height: var(--window-top);
	width: 100vw;
}

.window-bottom {
	width: 100vw;
	height: var(--window-bottom);
	height: calc(constant(safe-area-inset-bottom));
	height: calc(env(safe-area-inset-bottom));
}

/* 文本超出... */
.out-1 {
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	white-space: nowrap;
}

.out-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.out-3 {
	word-break: break-all;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

/* 布局 */
.container {
	width: 690rpx;
	margin: 0 auto;
}

/* flex布局 */

.flex {
	display: flex;
}
.flex-1{
	flex: 1;
}

.flex-row {
	flex-direction: row;
}

.flex-column {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-nowrap {
	flex-wrap: nowrap;
}

.align-items-start {
	display: flex;
	align-items: flex-start;
}

.align-items-center {
	display: flex;
	align-items: center;
}

.align-items-end {
	display: flex;
	align-items: flex-end;
}

.justify-content-start {
	display: flex;
	justify-content: flex-start;
}

.justify-content-center {
	display: flex;
	justify-content: center;
}

.justify-content-end {
	display: flex;
	justify-content: flex-end;
}

.justify-content-between {
	display: flex;
	justify-content: space-between;
}

.justify-content-around {
	display: flex;
	justify-content: space-around;
}

.justify-content-evenly {
	display: flex;
	justify-content: space-evenly;
}

.m-auto {
	margin: auto;
}

.m-10 {
	margin: 10rpx;
}

.m-20 {
	margin: 20rpx;
}

.m-30 {
	margin: 30rpx;
}

.m-40 {
	margin: 40rpx;
}

.m-50 {
	margin: 50rpx;
}

.mt-60 {
	margin: 60rpx;
}

.mt-10 {
	margin-top: 10rpx;
}

.mt-20 {
	margin-top: 20rpx;
}

.mt-30 {
	margin-top: 30rpx;
}

.mt-40 {
	margin-top: 40rpx;
}

.mt-50 {
	margin-top: 50rpx;
}

.mt-60 {
	margin-top: 60rpx;
}

.mb-10 {
	margin-bottom: 10rpx;
}

.mb-20 {
	margin-bottom: 20rpx;
}

.mb-30 {
	margin-bottom: 30rpx;
}

.mb-40 {
	margin-bottom: 40rpx;
}

.mb-50 {
	margin-bottom: 50rpx;
}

.mb-60 {
	margin-bottom: 60rpx;
}

.ml-10 {
	margin-left: 10rpx;
}

.ml-20 {
	margin-left: 20rpx;
}

.ml-30 {
	margin-left: 30rpx;
}

.ml-40 {
	margin-left: 40rpx;
}

.ml-50 {
	margin-left: 50rpx;
}

.mr-10 {
	margin-right: 10rpx;
}

.mr-20 {
	margin-right: 20rpx;
}

.mr-30 {
	margin-right: 30rpx;
}

.mr-40 {
	margin-right: 40rpx;
}

.mr-50 {
	margin-right: 50rpx;
}

.p-10 {
	padding: 10rpx;
}

.p-20 {
	padding: 20rpx;
}

.p-30 {
	padding: 30rpx;
}

.p-40 {
	padding: 40rpx;
}

.p-50 {
	padding: 50rpx;
}

.p-60 {
	padding: 60rpx;
}

.pt-0 {
	padding-top: 0;
}
.pt-10 {
	padding-top: 10rpx;
}

.pt-20 {
	padding-top: 20rpx;
}

.pt-30 {
	padding-top: 30rpx;
}

.pt-40 {
	padding-top: 40rpx;
}

.pt-50 {
	padding-top: 50rpx;
}

.pt-60 {
	padding-top: 60rpx;
}

.pb-0 {
	padding-bottom: 0rpx;
}
.pb-10 {
	padding-bottom: 10rpx;
}

.pb-20 {
	padding-bottom: 20rpx;
}

.pb-30 {
	padding-bottom: 30rpx;
}

.pb-40 {
	padding-bottom: 40rpx;
}

.pb-50 {
	padding-bottom: 50rpx;
}

.pb-60 {
	padding-bottom: 60rpx;
}

.pl-10 {
	padding-left: 10rpx;
}

.pl-20 {
	padding-left: 20rpx;
}

.pl-30 {
	padding-left: 30rpx;
}

.pl-40 {
	padding-left: 40rpx;
}

.pl-50 {
	padding-left: 50rpx;
}

.pl-60 {
	padding-left: 60rpx;
}

.pr-10 {
	padding-right: 10rpx;
}

.pr-20 {
	padding-right: 20rpx;
}

.pr-30 {
	padding-right: 30rpx;
}

.pr-40 {
	padding-right: 40rpx;
}

.pr-50 {
	padding-right: 50rpx;
}

.pr-60 {
	padding-right: 60rpx;
}


/* 背景颜色 */
.bgc-w {
	background-color: #FFF;
}

.bgc-c {
	background-color: #ccc;
}

.bgc-e {
	background-color: #eee;
}

.bgc-f3 {
	background-color: #f3f3f3;
}

.bgc-f5 {
	background-color: #f5f5f5;
}

.bgc-f8 {
	background-color: #f8f8f8;
}

/* 字体颜色 */
.fc-0 {
	color: #000;
}

.fc-3 {
	color: #333;
}

.fc-6 {
	color: #666;
}

.fc-9 {
	color: #999;
}

.fc-w {
	color: #fff;
}

/* 字体 */
.fs-xs {
	font-size: 100rpx;
}

.fs-sm {
	font-size: 100rpx;
}

.fs {
	font-size: 32rpx;
}

.fs-lg {
	font-size: 100rpx;
}

.fs-xl {
	font-size: 100rpx;
}

.fs-xxl {
	font-size: 100rpx;
}

/* 字体粗细 */
.fw-3 {
	font-weight: 300;
}

.fw-6 {
	font-weight: 600;
}

.fw-9 {
	font-weight: 900;
}

/* 圆角 */
.border-radius-sm {
	border-radius: 10rpx;
}

.border-radius {
	border-radius: 20rpx;
}

.border-radius-lg {
	border-radius: 30rpx;
}

.border-circular {
	border-radius: 50rpx;
}

.overflow-hidden {
	overflow: hidden;
}

/* 阴影 */
.boxShadow {
	box-shadow: 0 16rpx 32rpx rgba(#000, .15);
}

.relative{
	position: relative;
}

.scroll-container::-webkit-scrollbar {
  display: none; /* 隐藏滚动条 */
}
.scroll-container {
  -ms-overflow-style: none; /* IE/Edge 隐藏滚动条 */
  scrollbar-width: none; /* Firefox 隐藏滚动条 */
}